body
{
    color: #666;
    background: #cccccc; /* old browsers */ /*background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);  firefox */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));  webkit */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );  ie */
    font-family: Arial, Helvetica, sans-serif;
}

#DivResult li > span, #DivResult ul > span
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

#DivResult li
{
    margin-top: 1px;
    padding-left: 15px;
}
#DivResult ul
{
    padding-left: 15px;
    margin-left: -15px;
    padding-top: 0px;
    margin-top: 0px;
    background: url(../img/open.png) no-repeat 2px 5px;
    list-style-type: none;
}

#DivResult ul[closed="yes"] {
	background: url(closed.png) no-repeat 2px 5px;
}
#DivResult ul[closed="yes"] > * {
	display: none;
}
#DivResult ul[closed="yes"] > *:first-child {
	display: block;
}

.typeName
{
    color: gray;
}
.changed
{
    background-color: #fcff7f;
}
.changed.key
{
    background-color: #eee;
}

.added
{
    background-color: #8bff7f;
}
.removed
{
    background-color: #fd7f7f;
}

textarea
{
    width: 49%;
    height: 200px;
}

.contentbox
{
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eeeeee; /* old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
    border: 1px solid #666;
    color: #666;
    padding: 15px;
    margin: 10px;
}

input[type=submit]
{
    cursor: pointer;
    height: 35px;
    font-size: 14px;
    padding: 0 -8px;
    background: #7d7e7d; /* old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */
    color: #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: #666 1px solid;
}

input[type=text]
{
    border: 1px solid #666;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #EDEDED; /* old browsers */
    background: -moz-linear-gradient(top, #EDEDED 0%, #f6f6f6 47%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(47%,#f6f6f6), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}

h1
{
    text-align: center;
    margin: 0px;
    font-size: 35px;
    color: #666;
    text-shadow: #515151 1px 1px 1px;
}
h4
{
    margin: 0px;
    color: #666;
    margin-bottom: 2px;
    margin-top: 2px;
}
#DivResult
{
    padding-left: 40px;
}

#inputs
{
    text-align: center;
}

select {
    padding: 4px;
}